@import "../common/common";
@import "../../fonts/css/font-awesome.css";

.active_list{
  list-style: none;
  margin: 0;
  position: relative;
  z-index: 99;
  padding-left: $_6;
  padding-right: $_6;
  padding-top: $_20;
  padding-bottom: $_20;

  .active_list_li{
    background: #fff;
    border: 1px solid #ececec;
    margin-bottom: $_20;
    padding-bottom: $_20;
    border-radius: $_6;

    a{
      display: block;
      height: 100%;
      width: 100%;
    }

  }

  .active_list_li:hover{
    border: 1px solid #ccc;
  }

  .active_user_info {
    color: $color-bule;
    font-size: $_28;
    overflow: hidden;

    .user_avator{
      height: $_36;
      width: $_36;
      border-radius: $_100;
      overflow: hidden;
      float: left;
    }

    .user_name{
      height: $_36;
      line-height: $_36;
      padding-left: $_12;
      float: left;
      font-size: $_22;
      color: #666;
    }
  }


  .active_detail{
    padding: 0 $_20 0 $_20;
    padding-bottom: 0;

    .active_image{
      height: $_410;
      overflow: hidden;
      position: relative;
      border: 1px solid #ececec;

      .img{
        height: $_410;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
      }
      .active_title{
        height: $_70;
        width: 100%;
        line-height: $_70;
        font-size: $_32;
        padding: 0 $_20;
        color: #fff;;
        position: absolute;
        bottom: 0;
        left: 0;
        background: rgba(67,67,64,0.6);
      }

    }

    .active_detail_sa{
      overflow: hidden;
      font-size: $_24;
      color: #aaa;
      padding: $_10 0;
      border-bottom: 1px solid #f7f7f7;
      margin-bottom: $_24;
    }

    .detail_sa{
      max-width: $_550;
      color: #666;
      .address{
        line-height: $_40;
        margin-left: $_7;
        max-width: $_510;
      }
      .time_text{
        margin-left: $_7;
        max-width: $_510;
      }
    }

    .detail_ico{
      width: $_32;
      text-align: center;
    }

    .detail_time{
      line-height: $_44;
      margin-top: $_10;
    }

    .detail_time .icon-time{
      font-size: $_30;
      color: #cccccc;
      position:relative;
      top:$_1;
    }

    .detail_adress .icon-map-marker{
      font-size: $_36;
      position: relative;
      color: #cccccc;
    }

    .detail_money{
      height: $_80;
      line-height: $_70;
      padding-right: $_10;

      .m_s{
        font-size: $_28;
      }
    }


    .go_btn_wrap{
        padding: $_22 0;
    }

    .go_active{
      display: block;
      width: $_160;
      height: $_56;
      line-height: $_56;
      border-radius: $_16;
      background: $color-yellow;
      text-align: center;
      color: #fff;
      font-size: $_24;
    }

  }
  .active_produce{
    padding: $_16 0 $_26 0;
    border-top:1px solid #f7f7f7;
    margin-top:$_26;
    p{
      color: #666;
      line-height: $_42;
    }
  }

  .active_money{
    height: $_30;
    line-height: $_30;
    margin-top: $_2;
    font-size: $_20;
    color: #fff;
    padding: 0 $_12;
    background: $color-green;
    border-radius: $_6;
  }
}
